<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="site" content="" />
    <title>Novem</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <script type="module" src="src/main.js"></script>
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
    />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="manifest" href="/assets/manifest.json" />
    <link
      rel="icon"
      type="image/png"
      sizes="192x192"
      href="/assets/app-icons/icon-192x192.png"
    />
    <link
      rel="apple-touch-icon"
      type="image/png"
      sizes="180x180"
      href="/assets/app-icons/icon-180x180.png"
    />
  </head>
  <body class="stretched">
    <main id="wrapper">
      <div id="top-bar">
        <div class="container">
          <div class="row justify-content-between">
            <div class="col-auto">
              <div class="top-links">
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >学生</a
                >
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >教职工</a
                >
              </div>
            </div>
            <div class="col-auto topbar-tools"></div>
          </div>
        </div>
      </div>

      <header id="header" data-mobile-sticky="true">
        <div id="header-wrap">
          <div class="container">
            <div class="header-row">
              <div id="logo">
                <a href="#" title="#" target="_blank" rel="noopener noreferrer">
                  <img src="/assets/images/logo.png" alt="#" />
                </a>
              </div>
              <div class="primary-menu-trigger">
                <button class="nvm-hamburger" type="button" title="移动端导航">
                  <span class="nvm-hamburger-box">
                    <span class="nvm-hamburger-inner"></span>
                  </span>
                </button>
              </div>
              <nav class="primary-menu mobile-menu-overlay">
                <ul class="menu-container">
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#1" rel="noopener noreferrer">首页</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#2" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                    <ul class="sub-menu-container">
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link">
                          <a href="#21">测试二级菜单长度</a>
                        </div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#3" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#4" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#5" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#6" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#7" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#8" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#9" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#10" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#11" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </header>

      <section class="page-title">
        <img
          src="/assets/images/page/about/intro-1.jpg"
          alt="郑州城市职业学院"
          class="page-title-bg"
        />
        <div class="container">
          <div class="row">
            <div class="col-auto">
              <h1 class="title">要闻资讯</h1>
              <p class="intro">要闻资讯要闻资讯要闻资讯</p>
            </div>
            <div class="col-auto"></div>
          </div>
        </div>
      </section>

      <section id="content">
        <div class="content-wrap">
          <div class="container mb-5">
            <div class="row justify-content-center">
              <div class="col-12 col-lg-10">
                <div class="rounded shadow p-3 px-xl-6 bg-white bg-opacity-75">
                  <h1 class="h4 text-center">招生咨询信息采集表</h1>
                  <p class="fs-sm mb-1">尊敬的考生、家长：</p>
                  <p class="fs-sm">
                    为了保障您的隐私安全，我们郑重向您承诺，我们将对您的个人隐私信息进行严格保护，本表单收集信息是为了向您提供更好的服务，并提高用户体验。我们将严格遵守法律法规，采取相应的安全措施来保护您的个人信息。
                  </p>

                  <form class="row g-3" id="apply">
                    <div class="col-12">
                      <label for="Item-1743487843588-7544" class="form-label"
                        >1、您的姓名</label
                      >
                      <input
                        type="text"
                        class="form-control w-auto"
                        id="Item-1743487843588-7544"
                        placeholder="姓名"
                        required
                      />
                    </div>
                    <div class="col-12">
                      <label for="Item-1743487843588-8877" class="form-label"
                        >2、您的手机号</label
                      >
                      <input
                        type="text"
                        class="form-control w-auto"
                        id="Item-1743487843588-8877"
                        placeholder="手机号"
                        required
                      />
                      <div class="form-text ms-auto">
                        信息提交后将会有招办老师联系您，请填写真实信息。
                      </div>
                    </div>
                    <div class="col-12">
                      <label for="inputArea" class="form-label"
                        >3、请输入您所在的省份、城市、区县：</label
                      >
                    </div>
                    <div class="col-md-auto">
                      <input
                        type="text"
                        class="form-control w-auto"
                        id="Item-1743488002647-3127"
                        placeholder="省份"
                        required
                      />
                    </div>

                    <div class="col-md-auto">
                      <input
                        type="text"
                        class="form-control w-auto"
                        id="Item-1743488002647-3127-1"
                        placeholder="城市"
                        required
                      />
                    </div>

                    <div class="col-md-auto">
                      <input
                        type="text"
                        class="form-control w-auto"
                        id="Item-1743488002647-3127-2"
                        placeholder="区县"
                        required
                      />
                    </div>

                    <div class="col-12">
                      <label class="form-label"
                        >4、填报报名信息平台（来源渠道）</label
                      >
                    </div>

                    <div class="col-12">
                      <div class="form-check form-check-inline">
                        <input
                          class="form-check-input"
                          type="radio"
                          name="Item-1743488002647-702"
                          value="微信公众号"
                        />
                        <label class="form-check-label">微信公众号</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input
                          class="form-check-input"
                          type="radio"
                          name="Item-1743488002647-702"
                          value="官网"
                        />
                        <label class="form-check-label">官网</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input
                          class="form-check-input"
                          type="radio"
                          name="Item-1743488002647-702"
                          value="抖音"
                        />
                        <label class="form-check-label">抖音</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input
                          class="form-check-input"
                          type="radio"
                          name="Item-1743488002647-702"
                          value="快手"
                        />
                        <label class="form-check-label">快手</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input
                          class="form-check-input"
                          type="radio"
                          name="Item-1743488002647-702"
                          value="小红书"
                        />
                        <label class="form-check-label">小红书</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input
                          class="form-check-input"
                          type="radio"
                          name="Item-1743488002647-702"
                          value="微博"
                        />
                        <label class="form-check-label">微博</label>
                      </div>
                      <div class="form-check form-check-inline">
                        <input
                          class="form-check-input"
                          type="radio"
                          name="Item-1743488002647-702"
                          value="其他"
                        />
                        <label class="form-check-label">其他</label>
                      </div>
                    </div>

                    <div class="col-12">
                      <label class="form-label">5、您的微信或QQ号</label>
                      <input
                        type="text"
                        class="form-control w-auto mb-3"
                        id="Item-1743488002647-725"
                        placeholder="微信号"
                      />
                      <input
                        type="text"
                        class="form-control w-auto mb-3"
                        id="Item-1743488002647-3067"
                        placeholder="QQ号"
                      />
                      <div class="form-text ms-auto">
                        如不方便接听电话，可以留下您的微信或者QQ，会有招办老师添加您为好友。
                      </div>
                    </div>

                    <div class="col-12 text-center my-xl-4">
                      <button type="submit" class="btn btn-primary">
                        提交信息
                      </button>
                    </div>
                  </form>
                </div>
                <a
                  href="#"
                  data-bs-toggle="modal"
                  data-bs-target="#notice"
                  id="noticeModal"
                ></a>
              </div>
            </div>
          </div>
        </div>
      </section>

      <footer class="section" id="footer">
        <div class="container">
          <div class="row align-items-md-end align-items-lg-center">
            <div
              class="col-12 col-md-5 col-lg-4 col-xl-5 text-center text-md-start"
              data-animate="animate__slideInLeft"
            >
              <img
                src="/assets/images/logo-dark.png"
                alt="郑州城市职业学院"
                class="logo"
              />
              <div class="m-3 mt-mb-4 mb-md-0">
                中国 · 河南 · 郑州<br />
                <i class="novem-icons nvm-icon-phone"></i> 0371-69213333<br />
                <i class="novem-icons nvm-icon-phone"></i>
                0371-68506666（招生咨询）
              </div>
            </div>

            <div
              class="d-none d-lg-block col-lg-3"
              data-animate="animate__fadeInUp"
            >
              <div class="row">
                <div class="col">
                  <h6>常用链接</h6>
                  <ul>
                    <li><a href="#">教育部</a></li>
                    <li><a href="#">河南省教育厅</a></li>
                    <li><a href="#">知网</a></li>
                    <li><a href="#">图书馆</a></li>
                    <li><a href="#">继续教育学院</a></li>
                  </ul>
                </div>
                <div class="col">
                  <h6>常用功能</h6>
                  <ul>
                    <li><a href="#">教务系统</a></li>
                    <li><a href="#">OA系统</a></li>
                    <li><a href="#">企业邮箱</a></li>
                    <li><a href="#">校历</a></li>
                    <li><a href="#">学校标识</a></li>
                  </ul>
                </div>
              </div>
            </div>

            <div
              class="col-12 col-md-7 col-lg-5 col-xl-4 text-center"
              data-animate="animate__slideInRight"
            >
              <div class="row gx-1">
                <div class="col">
                  <img
                    src="/assets/images/social/weixin.jpg"
                    alt="官方微信公众号"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzA5OTg2OTE1Ng==&amp;action=getalbum&amp;album_id=2393721616590782469&amp;scene=126#wechat_redirect"
                    target="_blank"
                    title="官方微信公众号"
                    rel="noopener"
                    >官方微信公众号</a
                  >
                </div>
                <div class="col">
                  <img
                    src="/assets/images/social/weibo.jpg"
                    alt="官方微博"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://weibo.com/u/7674037481"
                    target="_blank"
                    title="官方微博"
                    rel="noopener"
                  >
                    官方微博
                  </a>
                </div>
                <div class="col">
                  <img
                    src="/assets/images/social/douyin.jpg"
                    alt="官方抖音"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://www.douyin.com/user/MS4wLjABAAAA-mZeYz7hw538fARR5-TR4kWrgXUvTimwVBNRwuS56dFTdjo5f9umgGEbrcdeXxud"
                    target="_blank"
                    title="官方抖音"
                    rel="noopener"
                    >官方抖音</a
                  >
                </div>
                <div class="col">
                  <img
                    src="/assets/images/jubao.jpg"
                    class="img-fluid"
                    alt="廉洁举报中心"
                  />
                  <br />
                  <a
                    href="http://szxingaojiao.com/Z_WX/15_Report/ReportMain.aspx?schoolName=郑州城市职业学院"
                    title="廉洁举报中心"
                    rel="noopener"
                    >廉洁举报中心</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="copyrights" data-animate="animate__fadeInUp">
          <div class="container border-top opacity-50">
            <div class="row">
              <div class="col text-md-center">
                <div class="copyright-links">
                  版权所有 © 2023 郑州城市职业学院
                  <a
                    href="https://beian.miit.gov.cn/"
                    target="_blank"
                    rel="noopener"
                  >
                    豫ICP备12014925号-1
                  </a>
                  /
                  <a
                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41018302000187"
                    target="_blank"
                    rel="noopener"
                  >
                    豫公网安备 41018302000187号
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </main>

    <!-- Scroll top -->
    <div class="btn-scroll-top" id="gotoTop" data-mobile="true">
      <svg class="progress-square w-100 h-100" viewBox="0 0 40 40">
        <path
          d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z"
        ></path>
      </svg>
    </div>
    <div class="modal fade" id="notice" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" data-bs-backdrop="static">
        <div class="modal-content">
          <div class="modal-header">
            <h1 class="modal-title fs-5" id="noticeLabel">友情提醒</h1>
            <button
              type="button"
              class="btn-close"
              data-bs-dismiss="modal"
              aria-label="Close"
            ></button>
          </div>
          <div class="modal-body">
            信息提交成功，请耐心等待老师与您联系。您也可以直接联系招生老师进行咨询。
          </div>
          <div class="modal-footer">
            <a
              class="btn btn-primary"
              href="/system/go.jsp?treeid=1049&apptype=treetemp&urltype=tree.TreeTempUrl"
              title="联系方式"
              >查看联系方式</a
            >
            <button
              type="button"
              class="btn btn-secondary"
              data-bs-dismiss="modal"
            >
              关闭
            </button>
          </div>
        </div>
      </div>
    </div>
    <script>
      var nvmOptions = {
        jsFolder: "/assets/js/",
        cssFolder: "/assets/css/",
        bdhmID: "186aa1bb1368d7e0c66d1ea6e3f590ad",
      };
    </script>
    <script src="/assets/js/theme.js"></script>

    <script>
      const applyForm = document.querySelector("#apply");

      async function sendData() {
        // const formData = new FormData(applyForm);
        const formData = {
          templateCode: "Form-1743487843585-8588",
          verifyCode: "",
          verifyCodeId: "",
          saveData: {
            "Item-1743487843588-7544": applyForm.querySelector(
              "#Item-1743487843588-7544"
            ).value,
            "Item-1743487843588-8877": applyForm.querySelector(
              "#Item-1743487843588-8877"
            ).value,
            "Item-1743488002647-3127":
              applyForm.querySelector("#Item-1743488002647-3127").value +
              "," +
              applyForm.querySelector("#Item-1743488002647-3127-1").value +
              "," +
              applyForm.querySelector("#Item-1743488002647-3127-2").value,
            "Item-1743488002647-702": applyForm.querySelector(
              "input[name='Item-1743488002647-702']:checked"
            ).value,
            "Item-1743488002647-725": applyForm.querySelector(
              "#Item-1743488002647-725"
            ).value,
            "Item-1743488002647-3067": applyForm.querySelector(
              "#Item-1743488002647-3067"
            ).value,
          },
        };
        // console.log(formData);
        // return;

        try {
          const response = await fetch(
            "https://www.zcu.edu.cn/aop_web/formquery/data/addData",
            {
              method: "POST",
              headers: {
                Accept: "application/json",
                "Content-Type": "application/json",
              },
              body: JSON.stringify(formData),
            }
          );
          if ((response.json().code = "0000")) {
            document.getElementById("noticeModal").click;
          }
          //   console.log(await response.json());
        } catch (e) {
          console.error(e);
        }
      }

      // 接管表单提交
      applyForm.addEventListener("submit", (event) => {
        event.preventDefault();
        sendData();
      });
    </script>
  </body>
</html>
